<template>
  <div class="warn-system">
    <p class="ws-title" style="padding-left:15px;">专利</p>
    <ul class="ws-table clearfix">
      <li>
        <div class="ws-why">
          <Tooltip placement="top" content="需立即待缴申请费的专利">
            <i class="iconfont iconwenhao f_18 cCCC"></i>
          </Tooltip>
        </div>
        <img src="../img/mary/b01.jpg" @click="push('/ListWarnInfo1')" />
        <span>待缴申请费</span>
        <h3
          :class="{colD:patent.reg_fee_color==0,colN:patent.reg_fee_color==1,colT:patent.reg_fee_color==2}"
          @click="push('/ListWarnInfo1')"
        >{{patent.reg_fee||0}}</h3>
      </li>
      <li>
        <div class="ws-why">
          <Tooltip placement="top" content="需立即补正的专利">
            <i class="iconfont iconwenhao f_18 cCCC"></i>
          </Tooltip>
        </div>
        <img src="../img/mary/b02.jpg" @click="push('/ListWarnInfo2')" />
        <span>待补正</span>
        <h3
          :class="{colD:patent.bz_color==0,colN:patent.bz_color==1,colT:patent.bz_color==2}"
          @click="push('/ListWarnInfo2')"
        >{{patent.bz||0}}</h3>
      </li>
      <li>
        <div class="ws-why">
          <Tooltip placement="top" content="需要立即OA的专利">
            <i class="iconfont iconwenhao f_18 cCCC"></i>
          </Tooltip>
        </div>
        <img src="../img/mary/b03.jpg" @click="push('/ListWarnInfo3')" />
        <span>审查意见待答复</span>
        <h3
          :class="{colD:patent.oa_color==0,colN:patent.oa_color==1,colT:patent.oa_color==2}"
          @click="push('/ListWarnInfo3')"
        >{{patent.oa||0}}</h3>
      </li>
      <li>
        <div class="ws-why">
          <Tooltip placement="top" content="需立即缴登记费的专利">
            <i class="iconfont iconwenhao f_18 cCCC"></i>
          </Tooltip>
        </div>
        <img src="../img/mary/b04.jpg" @click="push('/ListWarnInfo4')" />
        <span>待办理登记</span>
        <h3
          :class="{colD:patent.auth_fee_color==0,colN:patent.auth_fee_color==1,colT:patent.auth_fee_color==2}"
          @click="push('/ListWarnInfo4')"
        >{{patent.auth_fee||0}}</h3>
      </li>
      <li>
        <div class="ws-why">
          <Tooltip placement="top" content="专利管理中近3个月需要缴年费的">
            <i class="iconfont iconwenhao f_18 cCCC"></i>
          </Tooltip>
        </div>
        <img src="../img/mary/b05.jpg" @click="push('/ListWarnInfo9')" />
        <span>待缴年费</span>
        <h3 
          :class="{colD:patent.year_fee_color==0,colN:patent.year_fee_color==1,colT:patent.year_fee_color==2}"
          @click="push('/ListWarnInfo9')
        ">{{patent.year_fee||0}}</h3>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "warnSystemTm",
  props: {
    patent: Object
  },
  mounted() {
    console.log(this.patent);
  },
  methods: {
    push(path) {
      this.$router.push(path);
    }
  }
};
</script>

<style scoped>
</style>